home *** CD-ROM | disk | FTP | other *** search
/ Apple Developer Connectio…eloper Series 2005 March / Dev.CD Mar 05.iso / What's New / Technical Notes and Q&As / ADC Reference Library / css / adcstyle041204.css < prev    next >
Encoding:
Cascading Style Sheet File  |  2004-03-31  |  19.7 KB  |  1,382 lines
  1. /* body */
  2. body {
  3.     margin: 0 10px;
  4.     background-color: #fff;
  5.     color: #000;
  6.     font: 12px 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif;
  7.     }
  8.  
  9. /* links */
  10. a:link {
  11.     color: #00f;
  12.     text-decoration: none;
  13.     }
  14.  
  15. a:visited {
  16.     color: #00a;
  17.     text-decoration: none;
  18.     }
  19.  
  20. a:hover {
  21.     color: #f60;
  22.     text-decoration: underline;
  23.     }
  24.     
  25. a:active {
  26.     color: #f60;
  27.     text-decoration: underline;
  28.     }
  29.  
  30. .libindex {
  31.     border-bottom: 1px solid #939393;
  32.     padding: 0 3px;
  33.     background-color: #DADADA;
  34.     margin: 0 1px;
  35.     }
  36.     
  37. /* html tags */
  38. th, td, ul, ol, li {
  39.     font: 12px 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif;
  40.     }
  41.         
  42. code, pre    {
  43.     color: #000;
  44.     font-family: monaco, "Courier New", courier, monospace;
  45.     font-size: 10px;
  46.     }
  47.  
  48.     /*  Work around IE/Win code size bug - courtesy Jesper, waffle.wootest.net  */
  49.  
  50. * html code    {
  51.     font-size: 101%; 
  52.     }
  53.  
  54. * html pre {
  55.     font-size: 101%; 
  56.     }
  57.  
  58. h1    {
  59.     margin: 0 0 15px 0;
  60.     padding: 0;
  61.     font: bold 36px 'Myriad Apple', 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif;
  62.     color: #000;
  63.     }
  64.     
  65. h2    {
  66.     margin: 0 0 5px 0;
  67.     padding: 0;
  68.     font: bold 16px 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif;
  69.     color: #000;
  70.     }
  71.     
  72. p + h2 {
  73.     margin: 20px 0 5px 0;
  74.     }
  75.  
  76. ol + h2 {
  77.     margin: 20px 0 5px 0;
  78.     }
  79.  
  80. ul + h2 {
  81.     margin: 20px 0 5px 0;
  82.     }
  83.  
  84. h3    {
  85.     margin: 0;
  86.     padding: 0;
  87.     font: bold 12px 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif;
  88.     color: #000;
  89.     }
  90.  
  91. h3 + table {
  92.     margin: 5px 0 0 0;
  93.     }
  94.     
  95. h4    {
  96.     margin: 0;
  97.     padding: 0;
  98.     font: bold 12px 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif;
  99.     color: #666;
  100.     /*text-decoration: underline;*/
  101.     }
  102.     
  103. h3 + h4 {
  104.     margin: 10px 0 0;
  105.     }
  106.  
  107. h6    {
  108.     margin: 0;
  109.     padding: 0;
  110.     font: normal 12px 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif;
  111.     color: #000;
  112.     }
  113.  
  114. p    {
  115.     margin: 0 0 10px 0;
  116.     padding: 0;
  117.     font: 12px 'Lucida Grande', Geneva, Verdana, Arial, Helvetica, sans-serif;
  118.     color: #000;
  119.     }
  120.     
  121. th {
  122.     font-weight: bold;
  123.     text-align: left;
  124.     vertical-align: top;
  125.     }
  126.     
  127. form {
  128.     margin: 0;
  129.     }
  130.     
  131. button {
  132.     margin: 3px 0 10px 0;
  133.     }
  134.     
  135. /* lists */
  136. ul    {
  137.     padding-left: 10px;
  138.     margin-top: 0;
  139.     margin-left: 10px;
  140.     margin-bottom: 10px;
  141.     list-style-type: none;
  142.     }
  143.  
  144. li    {
  145.     margin-top: 3px;
  146.     }
  147.     
  148. ul li    {
  149.     padding-left: 10px;
  150.     background: url(/images/bullet.gif) no-repeat 0 3px;
  151.     }
  152.     
  153. ul ul {
  154.     margin-left: 20px;
  155.     }
  156.  
  157.     
  158. ul.compressed {
  159.     margin-top: -10px;
  160.     }
  161.     
  162. ul.compressed li {
  163.     margin-top: 0;
  164.     padding-left: 10px;
  165.     background: url(/images/bullet.gif) no-repeat 0 1px;
  166.     }
  167.  
  168. ul.marketing {
  169.     padding-left: 0;
  170.     margin: 0 0 10px 0;
  171.     list-style-type: none;
  172.     }
  173.     
  174. ul.marketing li    {
  175.     padding-left: 10px;
  176.     margin-top: 0;
  177.     margin-left: 0;
  178.     margin-bottom: 2px;
  179.     list-style-type: none;
  180.     font-size: 10px;
  181.     background: url(/images/bullet.gif) no-repeat 0 1px;
  182.  
  183.     }
  184.     
  185. ol {
  186.     margin: 0 0 10px 1.5em;
  187.     padding-left: 1.5em;
  188.     }
  189.  
  190. ul.inline, ol.inline, p.inline {
  191.     margin-top: -7px;
  192.     }
  193.     
  194. ul.inline ul, ul.inline ol, ol.inline ul, ol.inline ol {
  195.     margin-top: 0;
  196.     }
  197.  
  198. ol.faq li {
  199.     font-weight: bold;
  200.     }
  201.     
  202. ol.steps li {
  203.     font-weight: bold;
  204.     }
  205.     
  206.  ul.nav {
  207.     margin-top: 8px;
  208.     margin-bottom: 0;
  209.     }
  210.  
  211. ul.nav li {
  212.     margin-top: 4px;
  213.     padding-left: 0;
  214.     background: none;
  215.     }
  216.     
  217. /* images */
  218. .leftinline {
  219.     margin: 0 10px 5px 0;
  220.     }
  221.  
  222. .rightinline {
  223.     margin: 0 0 5px 10px;
  224.     }
  225.  
  226.  
  227. /* tables */
  228. .bumblebee {
  229.     border-top: 1px solid #919699;
  230.     border-left: 1px solid #919699;
  231.     border-right: 1px solid #919699;
  232.     }
  233.  
  234. .bumblebee td {
  235.     padding: 10px;
  236.     font-size: 10px;
  237.     }
  238.     
  239. .bumblebee th {
  240.     padding: 6px 10px 6px 10px;
  241.     font-size: 10px;
  242.     }
  243.  
  244. .bumblebee th {
  245.     background: #7E91A4;
  246.     color: #FFF;
  247.     }
  248.  
  249. .bumblebee td {
  250.     border-bottom: 1px solid #919699;
  251.     text-align: left;
  252.     vertical-align: top;
  253.     }
  254.  
  255. .bumblebeeblue {
  256.     background: #F0F5F9;
  257.     }
  258.  
  259. .bumblebeewhite {
  260.     background: #FFF;
  261.     }
  262.     
  263. .bumblebee .bumblebeeblue td.sortcolumn {
  264.     background: #DCE5EE;
  265.     }
  266.     
  267. .bumblebee .bumblebeewhite td.sortcolumn {
  268.     background: #F5F5F5;
  269.     }
  270.     
  271. .bumblebee th.sortcolumn {
  272.     background: #334455;
  273.     }
  274.     
  275. .bumblebeetop {
  276.     border-top: 1px solid #919699;
  277.     border-left: 1px solid #919699;
  278.     border-right: 1px solid #919699;
  279.     background: #E2E2E2;
  280.     }
  281.     
  282. .bumblebeetop td{
  283.     padding: 10px;
  284.     }
  285.  
  286. td.middle, th.middle {
  287.     vertical-align: middle;
  288.     }
  289.     
  290. td.top, th.top {
  291.     vertical-align: top;
  292.     }
  293.     
  294. td.bottom, th.bottom {
  295.     vertical-align: bottom;
  296.     }
  297.     
  298. td.center, th.center {
  299.     text-align: center;
  300.     }
  301.     
  302. td.right, th.right {
  303.     text-align: right;
  304.     }
  305.     
  306. .smalltable td p {
  307.     font-size: 11px;
  308.     }
  309.  
  310.     
  311. .graybox {
  312.     border-top: 1px solid #919699;
  313.     border-left: 1px solid #919699;
  314.     margin-bottom: 10px;
  315.     }
  316.     
  317. .graybox th {
  318.     padding: 4px 8px 4px 8px;
  319.     background: #E2E2E2;
  320.     font-size: 12px;
  321.     font-weight: bold;
  322.     border-bottom: 1px solid #919699;
  323.     border-right: 1px solid #919699;
  324.     }
  325.     
  326. .graybox td {
  327.     padding: 8px;
  328.     font-size: 12px;
  329.     text-align: left;
  330.     vertical-align: top;
  331.     border-bottom: 1px solid #919699;
  332.     border-right: 1px solid #919699;
  333.     }
  334.     
  335. .graybox table td {
  336.     border: none;
  337.     padding: 0;
  338.     vertical-align: middle;
  339.     }
  340.  
  341. .marketingbox {
  342.     width: 100%;
  343.     border: 1px solid #a1a5a9;
  344.     }
  345.  
  346. .marketingbox th {
  347.     padding: 4px 8px 4px 8px;
  348.     background: #C83808;
  349.     font-size: 12px;
  350.     font-weight: bold;
  351.     color: #FFF;
  352.     }
  353.  
  354. .marketingbox td {
  355.     padding: 8px 8px 0 8px;
  356.     text-align: left;
  357.     vertical-align: top;
  358.     }
  359.     
  360. .documentationtable {
  361.     border: none;
  362.     }
  363.  
  364. .documentationtable td {
  365.     border-bottom: 1px solid #919699;
  366.     text-align: left;
  367.     vertical-align: top;
  368.     padding: 5px 0 10px 0;
  369.     }
  370.     
  371. .documentationtable .bottom{
  372.     border: 0;
  373.     }
  374.         
  375. .businesstable {
  376.     border: none;
  377.     }
  378.  
  379. .businesstable td {
  380.     text-align: left;
  381.     font-size: 10px;
  382.     vertical-align: top;
  383.     padding: 5px 0 10px 0;
  384.     }
  385.     
  386. .documentationtable p {
  387.     font-size: 10px;
  388.     }
  389.  
  390.  
  391. /* rounded corner tables */
  392. .bigboxtop {
  393.     background: #FFF url(/images/bigboxtop.gif) repeat-x top left;
  394.     }
  395.  
  396. .bigboxleft {
  397.     background: #FFF url(/images/bigboxleft.gif) repeat-y top left;
  398.     }
  399.  
  400. .bigboxright {
  401.     background: #FFF url(/images/bigboxright.gif) repeat-y top left;
  402.     }
  403.  
  404. .bigboxbottom {
  405.     background: #FFF url(/images/bigboxbottom.gif) repeat-x top left;
  406.     }
  407.     
  408. .boxtop {
  409.     background: #FFF url(/images/boxtop.gif) repeat-x top left;
  410.     }
  411.  
  412. .boxleft {
  413.     background: #FFF url(/images/boxleft.gif) repeat-y top left;
  414.     }
  415.  
  416. .boxright {
  417.     background: #FFF url(/images/boxright.gif) repeat-y top left;
  418.     }
  419.  
  420. .boxbottom {
  421.     background: #FFF url(/images/boxbottom.gif) repeat-x top left;
  422.     }
  423.  
  424.  
  425. /* general classes */
  426. .contentpadding {
  427.     padding: 0 10px;
  428.     }
  429.     
  430. .smalltext {
  431.     font-size: 10px;
  432.     }
  433.     
  434. .blueheader {
  435.     color: #FFF;
  436.     background: #7E91A4;
  437.     padding: 3px 0 3px 7px;
  438.     }
  439.  
  440. .sourcecodebox {
  441.     border: 1px solid #c7cfd5;
  442.     background: #f1f5f9;
  443.     margin: 20px 0;
  444.     padding: 15px;
  445.     text-align: left;
  446.     }
  447.     
  448. .gray {
  449.     color: #787c7f;
  450.     }
  451.     
  452. #footnote h3, #footnote p {
  453.     color: #76797C;
  454.     font-size: 11px;
  455.     }
  456.  
  457. .footnote {
  458.     font-size: 11px;
  459.     color: #76797C;
  460.     }
  461.     
  462. .editorial {
  463.     font-style: italic;
  464.     margin: 20px 0;
  465.     }
  466.  
  467. /* forms */
  468. #forms input {
  469.     vertical-align: middle;
  470.     padding: 0;
  471.     margin: 0 0 5px 0;
  472.     }
  473.  
  474. #forms select {
  475.     vertical-align: middle;
  476.     padding: 0;
  477.     margin: 0 0 3px 0;
  478.     }
  479.  
  480. #forms .widefield, #advsearch .widefield {
  481.     width: 98%;
  482.     margin-bottom: 5px;
  483.     }
  484.  
  485. #forms .halffield {
  486.     width: 50%;
  487.     margin-bottom: 5px;
  488.     }
  489.  
  490. #forms .extraspace {
  491.     padding-bottom: 8px;
  492.     }
  493.  
  494. #forms .quarterfield {
  495.     width: 25%;
  496.     margin-bottom: 5px;
  497.     }
  498.     
  499. #forms .inputbutton, #advsearch .inputbutton {
  500.     margin: 5px 0 10px 0;
  501.     border: 0;
  502.     }
  503.     
  504. #forms .checkbox, #advsearch .checkbox {
  505.     margin: 0 5px 0 0;
  506.     vertical-align: baseline;
  507.     }
  508.     
  509. #forms .radio {
  510.     margin: 0 5px 0 0;
  511.     vertical-align: baseline;
  512.     }
  513.     
  514. #forms textarea {
  515.     margin: 0 0 10px 0;
  516.     width: 100%;
  517.     }
  518.     
  519. #forms p {
  520.     margin-top: 7px;
  521.     }
  522.     
  523. #forms .buttonlists {
  524.     line-height: 20px;
  525.     }
  526.     
  527. #forms .buttondescription {
  528.     line-height: 15px;
  529.     margin: -10px 10px 5px 20px;
  530.     font-size: 10px;
  531.     }
  532.  
  533.  
  534. /* header */
  535. #adcnavheader td {
  536.     font: 10px 'Lucida Grande', Geneva, Helvetica, Arial, sans-serif;
  537.     }
  538.  
  539. #adcnavheader input {
  540.     margin: 0 3px 0 0;
  541.     padding: 0;
  542.     }
  543.  
  544. #adcnavheader .textpadding {
  545.     padding-top: 2px;
  546.     vertical-align: middle;
  547.     }
  548.     
  549. #adcnavheader .searchbutton {
  550.     border: 0;
  551.     }
  552.  
  553.  
  554. /* breadcrumb */
  555. #breadcrumb td {
  556.     font: 10px 'Lucida Grande', Geneva, Helvetica, Arial, sans-serif;
  557.     }
  558.  
  559. #breadcrumb form {
  560.     margin: 0;
  561.     }
  562.     
  563. #breadcrumb select {
  564.     vertical-align:  middle;
  565.     }
  566.  
  567.  
  568. /* sidebar */
  569. #sidebar h2 {
  570.     font-size: 12px;
  571.     }
  572.     
  573. #sidebar h3, #sidebar h4 {
  574.     font-size: 12px;
  575.     }
  576.     
  577. #sidebar p, #sidebar ol, #sidebar ul {
  578.     font-size: 11px;
  579.     }
  580.  
  581. #sidebar ul {
  582.     margin-left: 0;
  583.     padding-left: 0;
  584.     }
  585.  
  586. #sidebar li {
  587.     font-size: 11px;
  588.     margin-top: 2px;
  589.     }
  590.     
  591. #sidebar ul.nav {
  592.     margin-top: 8px;
  593.     margin-bottom: 0;
  594.     }
  595.  
  596. #sidebar ul.nav li {
  597.     margin-top: 4px;
  598.     padding-left: 0;
  599.     background: none;
  600.     }
  601.  
  602. /* footer */
  603. #footer td, #footer p {
  604.     font-size: 10px;
  605.     }
  606.     
  607. .footerbreadcrumb {
  608.     font-size: 10px;
  609.     }
  610.  
  611. /* 404 page definitions*/
  612. #notfound h2 {
  613.     font-size: 12px;
  614.     }
  615.     
  616. #notfound h3, #notfound h4 {
  617.     font-size: 12px;
  618.     }
  619.     
  620. #notfound p, #notfound ul {
  621.     font-size: 10px;
  622.     }
  623.  
  624. #notfound ul {
  625.     margin: 0 0 15px 0;
  626.     padding-left: 0;
  627.     }
  628.  
  629. #notfound ul li {
  630.     font-size: 10px;
  631.     margin: 3px 0 0 0;
  632.     padding-left: 0;
  633.     background: none;
  634.     }
  635.     
  636. #notfound ul ul {
  637.     margin-top: 0;
  638.     }
  639.  
  640. #notfound ul ul li {
  641.     margin-left: 0;
  642.     padding-left: 10px;
  643.     background: url(/images/bullet.gif) no-repeat 0 2px;
  644.     }
  645.  
  646. li.sectionbreak {
  647.     margin-bottom: 15px;
  648.     }
  649.  
  650. /* advanced search */
  651. #advsearch h4 {
  652.     margin-bottom: 10px;
  653.     }
  654.     
  655. #advsearch p {
  656.     line-height: 20px;
  657.     }
  658.     
  659. /* contact page */
  660. .iconlinks td {
  661.     font-size: 11px;
  662.     }
  663.     
  664. /* search results */
  665. .boxtop7e91a4 {
  666.     background: #FFF url(/images/boxtop7e91a4.gif) repeat-x top left;
  667.     }
  668.  
  669. .boxtopleft7e91a4 {
  670.     background: #FFF url(/images/boxtopleft7e91a4.gif) repeat-y top left;
  671.     }
  672.  
  673. .boxtopright7e91a4 {
  674.     background: #FFF url(/images/boxtopright7e91a4.gif) repeat-y top left;
  675.     }
  676.  
  677. .boxbottom7e91a4 {
  678.     background: #FFF url(/images/boxbottom7e91a4.gif) repeat-x top left;
  679.     }
  680.  
  681. .filesize {
  682.     color: #7F8285;
  683.     }
  684.  
  685. .results th, .results td {
  686.     font-size: 12px;
  687.     color: #FFF;
  688.     background-color: #7e91a4;
  689.     }
  690.  
  691. .results a {
  692.     color: #FFF;
  693.     font-weight: bold;
  694.     }
  695.     
  696. .oddrow {
  697.     background-color: #ffffff;
  698.     }
  699.     
  700. .evenrow {
  701.     background-color: #f0f5f9;
  702.     }
  703.  
  704. /* software licensing descriptions */
  705. .swlleftrule {
  706.     border-left: 1px solid #A1A5A9;
  707.     padding-left: 10px;
  708.     padding-right: 10px;
  709.     }    
  710.  
  711. .swlsidebar {
  712.     padding-right: 10px;
  713.     }
  714.  
  715. /* narrative */
  716. #narrative blockquote {
  717.     margin: 0 20px 10px 20px;
  718.     color: #445C73;
  719.     }
  720.     
  721. #narrative .pullquote {
  722.     font-size: 17px;
  723.     padding: 8px;
  724.     background-color: #ECF2F8;
  725.     border: 1px solid #A1A5A9;
  726.     }
  727.     
  728. /* source code */
  729. #scdetails p {
  730.     line-height: 17px;
  731.     }
  732.     
  733. #scdetails select {
  734.     vertical-align: middle;
  735.     padding: 0;
  736.     margin: 0;
  737.     }
  738.     
  739. #scdetails input {
  740.     vertical-align: middle;
  741.     padding: 0;
  742.     margin: 0;
  743.     }
  744.  
  745.  
  746.  
  747. /* --------------- styles from before 12-01-2003 ---------------- */
  748.  
  749. /* home page */
  750. #articlehead {
  751.     font-weight: bold;
  752.     font-size: 12px;
  753.     color: #000; 
  754.     }
  755.  
  756. #linklisthead {
  757.     font-weight: bold;
  758.     font-size: 12px;
  759.     color: #000; 
  760.     }
  761.  
  762. #sectionhead {
  763.     font-weight: bold;
  764.     font-size: 14px;
  765.     color: #000; 
  766.     }
  767.  
  768. #sectionsubhead {
  769.     font-weight: bold;
  770.     font-size: 12px;
  771.     color: #000; 
  772.     }
  773.  
  774. #sectionheadorange {
  775.     font-weight: bold;
  776.     font-size: 14px;
  777.     color: #db3700; 
  778.     }
  779.  
  780. #resources {
  781.     margin-bottom: 3px;
  782.     font-weight: normal;
  783.     font-size: 10px; 
  784.     }
  785.  
  786. .membership_bullets {
  787.     color: #ffffff;
  788.     font-weight: normal;
  789.     font-size: 10px; 
  790.     }
  791.  
  792.  
  793. /* glossary page styles */
  794. #glossary_header { 
  795.     font-size: 12px;
  796.     font-weight: bold; 
  797.     }
  798.  
  799. #glossary_header_letter { 
  800.     font-size: 14px;
  801.     font-weight: bold; 
  802.     }
  803.  
  804.  
  805. /* form class, removes whitespace browsers use by default with forms */
  806. #form {
  807.     margin: 0;
  808.     }
  809.  
  810.  
  811. /* paragraph describing page located just below the black text page title */
  812. #paragraph_description {
  813.     font-size: 12px;
  814.     }
  815.  
  816.  
  817. /* rate this page feedback form styles */
  818. #feedback_• {
  819.     font-size: 10px;
  820.     color: #ffffff;
  821.     text-align: center;
  822.     }
  823.  
  824. #feedback_text {
  825.     font-size: 10px;
  826.     color: #000;
  827.     }
  828.  
  829. #radio_help {
  830.     text-align: center;
  831.     padding-top: 4px;
  832.     }
  833.  
  834. #radio_easy {
  835.     text-align: center;
  836.     padding-bottom: 4px;
  837.     }
  838.  
  839.  
  840. /* search results box styles */
  841. #results_cell_first { 
  842.     border-top: 1px #a2a6a9 solid;
  843.     border-left: 1px #a2a6a9 solid; 
  844.     }
  845.  
  846. #results_cell_title {
  847.     padding-top: 10px;
  848.     padding-bottom: 10px;
  849.     border-top: 1px #a2a6a9 solid;
  850.     padding-right: 6px;
  851.     font-size: 12px;
  852.     font-weight: bold;
  853.     vertical-align: top;
  854.     }
  855.  
  856. #results_cell_other {
  857.     padding-top: 10px;
  858.     padding-bottom: 10px;
  859.     border-top: 1px #a2a6a9 solid;
  860.     padding-left: 6px;
  861.     padding-right: 6px;
  862.     vertical-align: top;
  863.     }
  864.  
  865. #results_cell_date {
  866.     padding-top: 10px;
  867.     padding-bottom: 10px;
  868.     border-top: 1px #a2a6a9 solid;
  869.     padding-left: 4px;
  870.     vertical-align: top;
  871.     }
  872.  
  873. #results_cell_last {
  874.     border-top: 1px #a2a6a9 solid;
  875.     border-right: 1px #a2a6a9 solid;
  876.     }
  877.  
  878. .results_description { 
  879.     font-size: 10px;
  880.     font-weight: normal;
  881.     }
  882.  
  883.  
  884.  
  885. /* apple script (or any other reference library page) styles */
  886. #header { 
  887.     font-size: 12px;
  888.     font-weight: bold;
  889.     }
  890.  
  891. #link_header {
  892.     font-size: 10px;
  893.     font-weight: bold;
  894.     }
  895.  
  896. #blue_header {
  897.     font-size: 12px;
  898.     font-weight: bold;
  899.     color: #000099;
  900.     }
  901.  
  902. #td_left_line {
  903.     border: 1px #555555 left;
  904.     }
  905.  
  906.  
  907. /* co marketing styles */
  908. #icon_cell {
  909.     height: 93px;
  910.     text-align: center;
  911.     }
  912.  
  913. #detail_header {
  914.     text-align: middle;
  915.     background: #6d7f95;
  916.     color: #ffffff;
  917.     font-family: verdana;
  918.     font-weight: bold;
  919.     font-size: 10px;
  920.     }
  921.  
  922. #vendor_bullet {
  923.     color: #696969;
  924.     }
  925.  
  926. #comarket_paragraph {
  927.     color: #696969;
  928.     font-size: 12px;
  929.     }
  930.  
  931. #vendor_detail {
  932.     font-size: 12px;
  933.     }
  934.  
  935. #vendor_contact {
  936.     font-family: Verdana, Arial, Helvetica, sans-serif;
  937.     font-size: 10px;
  938.     }
  939.  
  940. #detail_heading {
  941.     font-weight: bold;
  942.     }
  943.  
  944. #detail_copy {
  945.     font-size: 12px;
  946.     }
  947.  
  948. #discount_box_header {
  949.     color: #ffffff;
  950.     font-weight: bold;
  951.     }
  952.  
  953. #discount_box_copy {
  954.     font-size: 12px;
  955.     }
  956.  
  957. #photo_table_copy {
  958.     color: #7d7d7d;
  959.     font-size: 10px;
  960.     }
  961.  
  962.  
  963.  
  964. /*narrative styles */
  965. #narrative_paragraph {
  966.     color: #696969;
  967.     font-size: 14px;
  968.     }
  969.  
  970. #narrative_header {
  971.     font-size: 13px;
  972.     font-weight: bold;
  973.     }
  974.  
  975. #narrative_content {
  976.     font-size: 12px;
  977.     vertical-align: top;
  978.     }
  979.  
  980. #pic_box_text {
  981.     color: #878787;
  982.     line-height: 11px;
  983.     font-size: 11px; 
  984.     }
  985.  
  986. #red_copy {
  987.     color: #7f0f0b;
  988.     padding-left: 15px;
  989.     }
  990.  
  991. #blue_copy {
  992.     color: #466c9b;
  993.     padding-left: 15px;
  994.     }
  995.  
  996. #green_copy {
  997.     color: #3b636f;
  998.     padding-left: 15px;
  999.     }
  1000.  
  1001. #purple_copy {
  1002.     color: #665588;
  1003.     padding-left: 15px;
  1004.     }
  1005.  
  1006. #gray_copy {
  1007.     color: #787c7f;
  1008.     padding-left: 15px;
  1009.     }
  1010.  
  1011. #pager {
  1012.     color: #76797c;
  1013.     }
  1014.  
  1015.  
  1016.  
  1017. /* frameset: table of contents frame */
  1018. #toc_contents_text {
  1019.     font-size: 12px;
  1020.     color: #0000ff;
  1021.     }
  1022.  
  1023. #toc_contents_text_open {
  1024.     font-size: 12px;
  1025.     background: #ffffff;
  1026.     color: #0000ff;
  1027.     }
  1028.  
  1029. #low_level_text {
  1030.     font-size: 10px;
  1031.     color: #0000ff;
  1032.     }
  1033.  
  1034. #low_level_text_on {
  1035.     font-size: 10px;
  1036.     color: #0000ff;
  1037.     }
  1038.  
  1039. #top_level_open {
  1040.     background: #ffffff;
  1041.     }
  1042.  
  1043. #third_level {
  1044.     background: #ffffff;
  1045.     }
  1046.  
  1047. #toc_contents_title {
  1048.     font-size: 14px;
  1049.     color: #ffffff;
  1050.     font-weight: bold;
  1051.     }
  1052.  
  1053. #toc_contents_heading {
  1054.     font-size: 12px;
  1055.     font-weight: bold;
  1056.     }
  1057.  
  1058.  
  1059.  
  1060. /* frameset: content frame */
  1061. #content_text {
  1062.     font-size: 12px;
  1063.     font-weight: normal;
  1064.     }
  1065.  
  1066.  
  1067. /* frameset: page title */
  1068. #page_title {
  1069.     font-family: 'Myriad Apple', 'Myriad', Arial, Helvetica, 'Lucida Grande';
  1070.     font-size: 36px;
  1071.     font-weight: bold;
  1072.     color: #000;
  1073.     }
  1074.  
  1075.  
  1076. /* frameset: unordered list */
  1077. ul .content {
  1078.     font-size: 12px; 
  1079.     }
  1080.  
  1081.  
  1082. /* product line styles */
  1083. #product_line_list {
  1084.     font-size: 10px; 
  1085.     }
  1086.  
  1087. #product_line_bullet {
  1088.     font-size: 10px;
  1089.     vertical-align: top;
  1090.     color: #0000ff;
  1091.     }
  1092.  
  1093.  
  1094.  
  1095. /* technical note classes */
  1096. #important_note {
  1097.     background: #e2e2e2;
  1098.     border: 1px solid #cccccc;
  1099.     }
  1100. #page_contents {
  1101.     font-size: 12px; line-height: 20px; color: #0000ff;
  1102.     }
  1103.  
  1104. #tech_content {
  1105.     font-size: 12px;
  1106.     }
  1107.  
  1108. #tech_header {
  1109.     font-size: 14px;
  1110.     font-weight: bold;
  1111.     }
  1112.  
  1113. #tech_subhead {
  1114.     font-size: 12px;
  1115.     font-weight: bold;
  1116.     }
  1117.  
  1118. #tech_list {
  1119.     font-size: 12px;
  1120.     padding-bottom: 9px;
  1121.     }
  1122.  
  1123. #source_code_box {
  1124.     border: 1px solid #c7cfd5;
  1125.     background: #f1f5f9; 
  1126.     }
  1127.  
  1128. #source_code {
  1129.     font-family: monaco, courier, monospace;
  1130.     font-size: 10px;
  1131.     margin-bottom: 0;
  1132.     padding: 12px;
  1133.     }
  1134.  
  1135. #example_title {
  1136.     font-size: 10px;
  1137.     margin-bottom: 5px;
  1138.     color: #28333b;
  1139.     }
  1140.  
  1141. #example_table_header {
  1142.     font-weight: bold;
  1143.     background: #c7cfd5; 
  1144.     }
  1145.  
  1146. #example_table_cell {
  1147.     border: 1px #c7cfd5 solid;
  1148.     background: #f1f5f9;
  1149.     vertical-align: top;
  1150.     font-size: 12px;
  1151.     }
  1152.  
  1153. #download_cell_1 {
  1154.     background: #f6f6f6;
  1155.     font-size: 11px;
  1156.     padding-top: 2px;
  1157.     padding-bottom: 2px;
  1158.     padding-left: 2px;
  1159.     border-left: 1px solid #e6e6e6;
  1160.     border-top: 1px solid #e6e6e6;
  1161.     border-bottom: 1px solid #e6e6e6;
  1162.     }
  1163.  
  1164. #download_cell_2 {
  1165.     background: #f6f6f6;
  1166.     font-size: 10px;
  1167.     padding-top: 2px;
  1168.     padding-bottom: 2px; 
  1169.     border-top: 1px solid #e6e6e6;
  1170.     border-bottom: 1px solid #e6e6e6;
  1171.     }
  1172.  
  1173. #download_cell_3 {
  1174.     background: #f6f6f6;1
  1175.     font-size: 10px;
  1176.     padding-top: 2px;
  1177.     padding-bottom: 2px;
  1178.     padding-right: 2px;
  1179.     border-right: 1px solid #e6e6e6;
  1180.     border-top: 1px solid #e6e6e6;
  1181.     border-bottom: 1px solid #e6e6e6;
  1182.     }
  1183.  
  1184. #download_content {
  1185.     font-size: 12px;
  1186.     vertical-align: middle;
  1187.     }
  1188.  
  1189. #download_link {
  1190.     font-size: 10px;
  1191.     vertical-align: middle;
  1192.     }
  1193.  
  1194. #back_to_top {
  1195.     font-size: 10px; 
  1196.     }
  1197.  
  1198.  
  1199.  
  1200. /* membership overview styles */
  1201. #member_header {
  1202.     text-align: left;
  1203.     font-family: verdana;
  1204.     font-weight: bold;
  1205.     font-size: 10px;
  1206.     color: #ffffff; 
  1207.     }
  1208.  
  1209. #member_category {
  1210.     text-align: center;
  1211.     border-left: 1px #ffffff solid;
  1212.     font-family: Verdana, Arial, Helvetica, sans-serif;
  1213.     font-weight: bold;
  1214.     font-size: 10px;
  1215.     color: #ffffff;
  1216.     }
  1217.  
  1218. #white_row {
  1219.     background: #ffffff;
  1220.     }
  1221.  
  1222. #blue_row {
  1223.     background: #f0f5f9;
  1224.     }
  1225.  
  1226. #spacer_row {
  1227.     border-right: 1px solid #a2a6a9;
  1228.     border-left: 1px solid #a2a6a9;
  1229.     }
  1230.  
  1231. #left_border {
  1232.     border-left: 1px solid #a2a6a9;
  1233.     }
  1234.  
  1235. #right_border {
  1236.     border-right: 1px solid #a2a6a9;
  1237.     text-align: center;
  1238.     vertical-align: middle;
  1239.     }
  1240. #gray_line {
  1241.     border-right: 1px solid #a2a6a9;
  1242.     border-left: 1px solid #a2a6a9;
  1243.     background: #a2a6a9;
  1244.     }
  1245.  
  1246. #dot_cell {
  1247.     text-align: center;
  1248.     vertical-align: middle;
  1249.     }
  1250.  
  1251. #fine_print {
  1252.     vertical-align: top;
  1253.     font-size: 11px;
  1254.     color: #5f5f5f;
  1255.     }
  1256.  
  1257. #pricing {
  1258.     font-size: 12px;
  1259.     }
  1260.  
  1261.  
  1262.  
  1263.  
  1264. /* sample code classes */
  1265. #right_content {
  1266.     text-align: right;
  1267.     font-size: 12px;
  1268.     }
  1269.  
  1270. #sc_content {
  1271.     font-size: 12px;
  1272.     }
  1273.  
  1274.  
  1275. /* mac os x architecture diagram */
  1276. #archtext {
  1277.     font-size: 11px;
  1278.     color: #333;
  1279.     text-decoration: none;
  1280.     line-height: 15px;
  1281.     }
  1282.  
  1283. #topborder {
  1284.     border-top: 1px solid #999;
  1285.     }
  1286.  
  1287. #greylist {
  1288.     line-height: 16px;
  1289.     color: #333;
  1290.     margin-top: 12px;
  1291.     }
  1292.  
  1293. #archtitle {
  1294.     font-size: 12px;
  1295.     color: #000;
  1296.     text-decoration: none;
  1297.     font-weight: bold;
  1298.     }
  1299.  
  1300. #description {
  1301.     font-size: 11px;
  1302.     color: #333;
  1303.     text-decoration: none;
  1304.     line-height: 15px;
  1305.     }
  1306.  
  1307. .archtitle {
  1308.     font-size: 12px;
  1309.     color: #000;
  1310.     text-decoration: none;
  1311.     font-weight: bold;
  1312.     }
  1313.  
  1314.  
  1315.  
  1316. /* original apple css items (unused at this time) */
  1317. /* ---------------------------------------------- */
  1318.  
  1319. h1 {
  1320.     font-weight: bold; font-size: 18px; 
  1321.     }
  1322.  
  1323. #text {
  1324.     font-size: 10px;  line-height: 16px;
  1325.     }
  1326.  
  1327.  
  1328. #bodytext {
  1329.     font-size: 10px; 
  1330.     }
  1331. #bodytextlarge {
  1332.     font-size: 12px; 
  1333.     }
  1334. #bodytitle {
  1335.     font-weight: bold; font-size: 10px; 
  1336.     }
  1337. #bodytitlelarge2 {
  1338.     font-weight: bold; font-size: 12px; 
  1339.     }
  1340. #bodytitlelarge {
  1341.     font-weight: bold; font-size: 12px; font-family: arial, helvetica, sans-serif
  1342.     }
  1343. #bodytitleextralarge {
  1344.     font-weight: bold; font-size: 14px; font-family: arial, helvetica, sans-serif
  1345.     }
  1346. #callout {
  1347.     font-weight: bold; font-size: 14px; color: #737373; 
  1348.     }
  1349. #calloutsubitem {
  1350.     font-size: 10px; color: #666666; 
  1351.     }
  1352. #resourcetitle {
  1353.     font-weight: bold; font-size: 10px; 
  1354.     }
  1355. #resourcetext {
  1356.     font-size: 10px; font-family: helvetica, geneva, arial, sans-serif
  1357.     }
  1358. #resourcehead {
  1359.     font-weight: bold; font-size: 11px; color: #808080; font-family: arial, helvetica, sans-serif
  1360.     }
  1361. #mkt {
  1362.     font-size: 12px; font-family: arial, helvetica, sans-serif
  1363.     }
  1364. #mkt2 {
  1365.     font-size: 14px; font-family: arial, helvetica, sans-serif
  1366.     }
  1367. #breadcrumb {
  1368.     font-weight: bold; font-size: 12px; font-family: arial, helvetica, sans-serif
  1369.     }
  1370. #breadcrumblocation {
  1371.     font-weight: bold; font-size: 12px; color: #cc6600; font-family: arial, helvetica, sans-serif
  1372.     }
  1373. #menutitle {
  1374.     font-weight: bold; font-size: 12px; margin-left: 10px; font-family: arial, helvetica, sans-serif
  1375.     }
  1376. #menutext {
  1377.     font-size: 10px; margin-left: 10px; line-height: 14px; font-family: helvetica, geneva, arial, sans-serif
  1378.     }
  1379. #source {
  1380.     font-size: 9px; color: #666666; font-style: italic; font-family: helvetica, geneva, arial, sans-serif
  1381.     }
  1382.